<template>
  <div style="background-color: #A9AFBB; padding: 50px 0;">
    <p style="width: 1200px;
    height: 8px;background-color: #FFA32A;
    margin:0 auto;"></p>
    <div class="LatestActivities-box">
      <div class="LatestActivities">
        <div class="text">
          <h4>最新活动</h4>
          <p>最新活动哦做的烦烦烦的</p>
        </div>
        <div class="ad-right"><img src="../assets/71d49127-159d-4786-82b7-884f9c096112.png" ></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
 data () {
    return {

    }
  },
  methods: {

  }
}
</script>

<style scoped>
  .LatestActivities-box{
    background-image: url(../assets/9c0de99b-80af-49c1-9ab6-f188988e9286.png);
    background-size: 100% 100%;
  }
.LatestActivities{
  width: 1200px;
  height: 420px;
  margin:0 auto;
  position: relative;
}
.text{
  position: absolute;
  top: 50px;
  width: 400px;
  left: 100px;
  height: 300px;
  color: #fff;
  font-size: 18px;
}
.text p{
  font-size: 14px;
  line-height: 30px;
  text-align: justify;
  text-indent: 2em;
}
.text h4{
  font-size: 30px;
  text-align: center;
}
.ad-right{
  position: absolute;
  top: -50px;
  right: 0px;
  width: 420px;
}
</style>
